<template>
  <div class="not-found-container">
    <div class="not-found-operate">
      <h1>您所找的页面不存在！</h1>
      <a-button type="primary" shape="round" @click="$router.push('/')">回首页</a-button>
    </div>
  </div>
</template>

<script setup>
</script>

<style lang="less" scoped>
.not-found-container{
  width: 100vw;
  height: 100vh;
  min-width: 1300px;
  background: url("../assets/img/404-images/bg_404.png") no-repeat;
  background-size: 100%;
  .not-found-operate{
    text-align: center;
    padding-top: 30%;
    h1{
      margin: 0;
      font-size: 24px;
      font-weight: 600;
      color: @sub-title;
    }
    .ant-btn{
      width: 320px;
      height: 50px;
      border-right: 35px;
      margin-top: 30px;
      font-size: 21px;
    }
  }
}
</style>
